<!-- 推荐图文内容 -->
<div class="sidebar-card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-image"></i> 热门图文</h3>
        <a href="#" class="see-all">更多</a>
    </div>

    <div class="image-contents">
        <div class="image-content-item">
            <img src="https://picsum.photos/id/26/400/200" alt="前端开发工具展示" class="content-image">
            <p class="content-caption">前端开发必备的5个生产力工具推荐</p>
            <p class="article-meta">
                <i class="far fa-heart"></i> 342
                <i class="far fa-comment"></i> 48
            </p>
        </div>

        <div class="image-content-item">
            <img src="https://picsum.photos/id/42/400/200" alt="UI设计作品展示" class="content-image">
            <p class="content-caption">2023年UI设计趋势预测与案例分析</p>
            <p class="article-meta">
                <i class="far fa-heart"></i> 567
                <i class="far fa-comment"></i> 89
            </p>
        </div>
    </div>
</div>
